*{
	margin: 0;
	padding: 0;
}
#wrap{
	display: flex;
	flex-direction: column;	
	min-height: 100vh;
	header,footer {
		display: flex;
		height: 100px;
		background-color: #666666;
	}
	.content {
		display: flex;
		flex-grow: 1;
		background-color: bisque;
		.left-side {
			flex: 0 0 12em;
			background-color: #77BBDD;
		}
		.right-side {
			flex: 0 0 12em;
			background-color: #FF6633;
		}
		.center {
			flex: 1;
			background-color: #D6D6D6;
		}
	}
	@media (max-width: 768px) {
	    .content {
	        flex-direction: column;
	        flex: 1;
	    }
	    .content .leftside,
	    .content .center,
	    .content .rightside {
	        flex: auto;
	    }
	}
}